<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="format-detection" content="telephone=no">
	<title>현대자동차 인재채용 시스템</title>
	<link rel="apple-touch-icon" href="../images/icon.png" />
	<link rel="shortcut icon" href="../images/icon.png" />
	<link href="../css/style.css" rel="stylesheet" />
	
	<script src="../js/inc.util.modernizr.js"></script>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/front_ui.js"></script>	
</head>
<body>
	<div class="wrap">
		<div class="side-menu">
			<span class="logo"></span>
			<ul class="menu">
				<li class="new current"><a href="#">신입채용</a></li>
				<li class="career"><a href="#">경력상시채용</a></li>
				<li class="foreign"><a href="#">해외채용</a></li>
				<li class="time"><a href="#">시간제 일자리채용</a></li>
				<li class="db"><a href="#">인재DB</a></li>
				<li class="the-h"><a href="#">The H</a></li>
				<li class="faq"><a href="#">문의하기</a></li>
				<li class="fb"><a href="#">인재채용 FACEBOOK</a></li>
				<li class="my"><a href="#">마이페이지</a></li>
			</ul>
			<p class="opt">
				<a href="#">PC버전</a><a href="#">로그아웃</a>
			</p>
		</div><!-- // .side-menu -->

		<div class="cont" id="HDcont">
			<div class="c-head">
				<h1>신입채용</h1>
				<a href="#" class="menu" id="HDmenuSlide">메뉴</a>
				<a href="#" class="account">로그인</a>
				<!-- 로그인 후// <a href="#" class="account">홈</a> -->
			</div>
			<div class="c-body">
				<div class="tab-menu static col-3">
					<div class="menu-wrap">
						<a href="#" class="current new">전체</a>
						<a href="#" class="">대졸/인턴</a>
						<a href="#" class="">기술직/영업직/촉탁</a>
					</div>
				</div>
				<div class="detail-view">
					<div class="head">
						<h2 class="subject">2014 상반기 현대자동차 대졸공채 신입사원 모집 2줄로 나올 경우 모두 노출?</h2>
						<span class="date">2014년 3월 2일 ~ 3월 9일</span>
					</div>
					<div class="body">
						<!-- admin content -->
						<div class="admin-table">
							<!-- 구분에 따라 필요시엔 2개 이상의 테이블을 사용합니다. -->
							<table>
								<caption>모집요강 간략</caption>
								<tbody>
									<tr>
										<th>채용유형</th>
										<td>신입공채</td>
									</tr>
									<tr>
										<th>접수기간</th>
										<td>2013년 9월 2일 14:00 ~ 9월 9일 14:00</td>
									</tr>
									<tr>
										<th>근무지</th>
										<td>양재본사</td>
									</tr>
								</tbody>
							</table>
						</div>

						<p><img src="../images/@image_1.jpg" alt="관리자 등록 이미지" /></p>
						<!-- // admin content -->
					</div>
					<div class="function">
						<a href="#" class="scrap">스크랩</a>
						<a href="#" class="list">목록</a>
					</div>
				</div>
			</div>
		</div><!-- // .cont -->
	</div><!-- // .wrap -->
</body>
</html>